h3.formPageHeader
{
    border-bottom: 1px solid #FFFFFF;
    color: Colors.FontColor;/*#0000FF;*/
    clear: both;
    font-size: 26px;
    font-weight: normal;
    height: 34px;
    margin: 0 0 25px;
    padding: 15px 0 0 15px;
}
ul.formPageEntryList, li.formPageEntryItem {
    clear: both;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position:relative;
}
.boxFields {
    border: 0 none;
    margin: 0 0 20px 0;
}
li.formPageEntryItem
{
    padding: 5px 0 10px 0;
}

label.label
{
    display: block;
    float: left;
    font-weight: normal;
    padding-top: 2px;
    text-align: right;
    width: 125px;
    padding-top: 10px;
    padding-right: 5px;
    line-height: 20px;
    font-size: 12px;
}

.inputframe
{
    border: thin solid #008080;
    background-color: Colors.BG;
    display: block;
    float: left;
    padding: 2px;
    width: 285;
    margin-left: 5px;
}
textarea.text, input.text, select.select input.chkBox
{
    border: 1px solid #999966;
    background-color: Colors.BG;
    display: block;
    float: left;
    font-size: 11px; /*margin-left: 5px;*/
    padding: 4px 5px 5px;
}

.chkBox
{
    width: 285px;
} 
#input:checkbox
{
    width:400px;
    }
input.text
{
    width: 285px;
}
select.select {
    width: 285px;
}
textarea.text
{
    width: 285px
    }

.databounds
{
    position: inherit;
    display: block;
    left: 5px;
    top: 10px;
    bottom: 729px;
    width: 270px;
}

.updateButton {
    background: url("../Images/update_login_black.gif") no-repeat scroll 0 0 transparent;
    height: 21px;
    width: 62px;
    margin-left: 5px;
}
.loginButton {
    background: url("../Images/login_button.gif") no-repeat scroll 0 0 transparent; 
    height: 21px;
    width: 57px;
    display: block;
    float: left;
    margin-left: 6px;
    }
.forgotPassword {
    color: #333333;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-left: 5px;
    padding-top: 5px;
    text-decoration: none;
}
a {
    outline: medium none;
}
.captioned {
    color: #666666;
    font-style: normal;
}


.createButton
{
    border-style: solid;
    border-width: thin;
    border-color: #C0C0C0 #808080 #808080 #C0C0C0;
    padding: 6px 12px 6px 12px;
    background: #008080 no-repeat scroll 0 0;
    height: 12px;
    width: 80px;
    display: block;
    float: left;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    line-height: 12px;
    vertical-align: middle;
    text-align: center;
}


.loginButton {
    background: url("../Images/btn_login.gif") no-repeat scroll 0 0 transparent;
    height: 21px;
    width: 117px;
    display: block;
    float: left;
    margin-left: 5px;
}

.logoffButton {
    background: url("../Images/btn_logoff.gif") no-repeat scroll 0 0 transparent;
    height: 21px;
    width: 117px;
    display: block;
    float: left;
    margin-left: 5px;
}

.updateButton1 {
    background: url("../Images/btn_update.gif") no-repeat scroll 0 0 transparent;
    height: 21px;
    width: 117px;
    display: block;
    float: left;
    margin-left: 5px;
}

.addnewButton {
    background: url("../Images/btn_addnew.gif") no-repeat scroll 0 0 transparent;
    height: 21px;
    width: 117px;
    display: block;
    float: left;
    margin-left: 5px;
}

.forgetpasswordButton {
    background: url("../Images/btn_forgetpassword.gif") no-repeat scroll 0 0 transparent;
    height: 21px;
    width: 117px;
    display: block;
    float: left;
    margin-left: 5px;
}

.refreshButton {
    background: url("../Images/btn_refresh.gif") no-repeat scroll 0 0 transparent;
    height: 21px;
    width: 117px;
    display: block;
    float: left;
    margin-left: 5px;
}

.watermark
{
    background-color: #E9E9E9;
    color: #808080;
    font-style: italic;
}


/*Masing css identifiers*/
.PhoneMask{}
.MobileMask{}
.ZipMask{}
.NICMask{}
.PassportMask{}
.DLMask{}
.UserIDMask{}
.emailMask{}

/*WATERMARK Identifiers*/
.WM_FN{}
.WM_LN{}
.WM_MN{}
.WM_USER{}
.WM_EMAIL{}
.WM_PWD{}
.WM_SRCH{}
.WM_OCC{}
.WM_EDU{}

/* WATERMARK WITH MASKED TEXT*/
.WM_PHONE{}
.WM_NIC{}
.WM_PASSPORT{}
.WM_CURRENCY{}
.WM_MOBILE{}
.WM_ZIPCODE{}
.WM_DATETIME{}
.WM_DATE{}
.WM_TIME{}
.WM_DL{}


.validation
{
    color: #D43A0B;
    display: block;
    font-style: italic;
    float: left;
    padding-left: 10px;
    padding-top: 10px;
    }

input.validation-failed {
    background: url("../Images/login_error_exclamation.gif") no-repeat scroll 275px 5px #FFFFFF;
    border: 1px solid #D43A0B !important;
}

/*  VALIDATION IDENTIFIERS
in order to identify which validation should be applied 
to the control ontaining one or more of the following CSS classes
*/
.RF{}
.ML{}
.C{}
.DT{}
.EM{}
.UID{}
.PWD{}
.NID{}
.PID{}
.DID{}
.PH{}
.MB{}
.CR{}
.ZIP{}
.SI{}

/* VALIDATION FAILED IDENTIFIERS
One or more validation classes should be applied 
when one or more coresponding validation failed
*/
.RF_F{}
.ML_F{}
.C_F{}
.DT_F{}
.EM_F{}
.UID_F{}
.PWD_F{}
.NID_F{}
.PID_F{}
.DID_F{}
.PH_F{}
.MB_F{}
.CR_F{}
.ZIP_F{}
.SI_F{}

/*
REGEX IDENTIFIERS
*/

.RegExPhone {}
.RegExMobile {}
.RegExCNIC {}
.RegExPassport {}
.RegExDrivingLicense {}
.RegExPostCode {}

.RegExMinLen{}

.RegExUserID {}
.RegExPassword {}
.RegExEmail {}



.accordion {  
    width: 100%;  
}  
  
.accordionHeader {  
    border: 1px solid #2F4F4F;  
    color: white;  
    background-color: #2E4d7B;  
    font-family: Arial, Sans-Serif;  
    font-size: 12px;  
    font-weight: bold;  
    padding: 5px;  
    margin-top: 5px;  
    cursor: pointer;  
}  
  
.accordionHeaderSelected {  
    border: 1px solid #2F4F4F;  
    color: white;  
    background-color: #5078B3;  
    font-family: Arial, Sans-Serif;  
    font-size: 12px;  
    font-weight: bold;  
    padding: 5px;  
    margin-top: 5px;  
    cursor: pointer;  
}  
  
.accordionContent {  
    background-color: #D3DEEF;  
    border: 1px dashed #2F4F4F;  
    border-top: none;  
    padding: 5px;  
    padding-top: 10px;  
}  
